.rankList {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #fff;
    .rank_list_nav {
        flex-shrink: 0;
        .rank_list_title {
            margin-top: 45px;
            display: flex;
            margin-bottom: .5rem;
            box-shadow: inset 0 -1px 0 0 #efefef;
            .list_title_item {
                font-size: 14px;
                flex: 1;
                width: 375px;
                height: 44px;
                line-height: 44px;
                text-align: center;
                color: #b3b3b3;
            }
            .list_title_color {
                color: #333;
                border-bottom: 2px solid #F75D79;
                position: relative;
            }
        }
    }
    .rank_list_box {
        flex-grow: 1;
        overflow: auto;
        margin-bottom: 90px;
        .rank_list_con {
            width: 376px;
            height: 97px;
            &:nth-child(1) .comic_cover_horizontal_rank {
                background-image: url(https://img.manhua.weibo.com/static/b/vcomic-h5/dist/img/rank_num1.6f4a3ebc.png);
            }
            &:nth-child(2) .comic_cover_horizontal_rank {
                background-image: url(https://img.manhua.weibo.com/static/b/vcomic-h5/dist/img/rank_num2.9a307695.png);
            }
            &:nth-child(3) .comic_cover_horizontal_rank {
                background-image: url(https://img.manhua.weibo.com/static/b/vcomic-h5/dist/img/rank_num3.8800c965.png);
            }
            .comic_horizontal_container {
                width: 100%;
                display: flex;
                flex-direction: row;
                position: relative;
                overflow: hidden;
                padding: 0 16px 16px;
                box-sizing: border-box;
                .comic_cover {
                    width: 144px;
                    height: 81px;
                    margin-right: 4px;
                    border-radius: 4px;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    background-size: cover;
                }
                .comic_cover_horizontal_info {
                    flex: 1;
                    padding-right: 16px;
                    box-sizing: border-box;
                    overflow: hidden;
                    .comic_cover_horizontal_title,
                    .comic_cover_horizontal_author {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        min-width: 1px;
                    }
                    .comic_cover_horizontal_title {
                        font-size: 16px;
                        margin-top: 4px;
                        color: #333;
                        line-height: 24px;
                        padding-bottom: 8px;
                    }
                    .comic_cover_horizontal_author {
                        font-size: 12px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        height: 1rem;
                        img {
                            float: left;
                            width: 16px;
                            height: 16px;
                        }
                    }
                    .comic_cover_horizontal_author:nth-child(2) {
                        padding-bottom: 8px;
                    }
                }
                .comic_cover_horizontal_rank {
                    margin-top: 19px;
                    width: 40px;
                    height: 45px;
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    .rank_num {
                        padding-top: 20px;
                        font-size: 18px;
                        color: #666;
                        text-align: center;
                        line-height: 18px;
                    }
                }
            }
        }
    }
}